<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
	
	<div id="EscrituraFragment" th:fragment="escritura">
		<winter:output id="EscrituraOutput">
			<winter:output id="mainEscrituraOutput">
				<div class="cabecera">
			    	<winter:row>
			    		<winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="NuevoControlNro" 
								field="*{control.nrocontrol}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text"
								label="#{label.control.nrocontrol}"
								disabled="true">
							</winter:inputtext>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
			    	   		<winter:text
			    	   			id="NuevoControlEscribano" 
								label="#{label.control.escribano}" 
								text="${beans.systemInfo.escribano.persona.nombreCompleto}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								if="${beans.systemInfo.escribano}">
							</winter:text>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
						  	<winter:inputtext
								id="NuevoNroEscritura" 
								field="*{controlEscritura.nroEscritura}" 
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								label="#{label.control.escritura.nro}"
								required="true"
								requiredmessage="Favor Ingrese Nro. Escritura">
							</winter:inputtext>	
						</winter:column>
			    	 </winter:row>
			    	 <winter:row>
			    	 	<winter:column type="col-md-4">
			    	   		<winter:datetimepicker
								id="FechaEscritura"
								label="#{label.control.escritura.fecha}"
								field="*{controlEscritura.fechaEscritura}"
								format="DD/MM/YYYY"
								required="true"
								requiredmessage="Favor seleccione una Fecha de Escritura">
							</winter:datetimepicker>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
						  	<winter:select 
								id="NuevoProtocolo"
								field="*{controlEscritura.protocolo}" 
								collection="pro, rowPro : ${controles.tiposProtocolo}"
								value="@{${pro.id}+'|'+${pro.descripcion}}"
								text="@{${pro.descripcion}}"
								label="#{label.control.escritura.protocolo}"
								required="true"
								requiredmessage="Favor seleccione un Protocolo"
								modern="true"
								showglobalmessage="true">
							</winter:select>	
						</winter:column>
			    	   	<winter:column type="col-md-4">
						  	<winter:inputtext
								id="NuevoFolio" 
								field="*{controlEscritura.folioDesde}" 
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text"
								label="#{label.control.escritura.folio}"
								maxlength="20"
								required="true"
								requiredmessage="Favor Ingrese Folio Desde">
							</winter:inputtext>	
						</winter:column>
			    	 </winter:row>
			    	 <winter:row>
						<winter:column type="col-md-4">
						  	<winter:inputtext
								id="NuevoFolio" 
								field="*{controlEscritura.folioHasta}" 
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text"
								label="-">
							</winter:inputtext>	
						</winter:column>
						<winter:column type="col-md-4">
						  	<winter:inputtext
								id="NuevoTomo" 
								field="*{controlEscritura.tomo}" 
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text"
								label="#{label.control.escritura.tomo}">
							</winter:inputtext>	
						</winter:column>
						<winter:column type="col-md-4">
						  	<winter:select 
								id="NuevoEstadoEscritura"
								field="*{controlEscritura.estado}" 
								collection="est, rowEst : ${controles.estadosEscrituras}"
								value="@{${est.id}+'|'+${est.descripcion}}"
								text="@{${est.descripcion}}"
								label="#{label.control.estado}"
								required="true"
								requiredmessage="Favor seleccione un estado"
								modern="true"
								showglobalmessage="true">
							</winter:select>	
						</winter:column>
			    	 </winter:row>
			    	 <winter:row>
			    	   <winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="NuevoCont1" 
								field="*{controlEscritura.contratanteUno}" 
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text"
								label="#{label.control.escritura.contratanteUno}">
							</winter:inputtext>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="NuevoCont2" 
								field="*{controlEscritura.contratanteDos}" 
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text"
								label="#{label.control.escritura.contratanteDos}">
							</winter:inputtext>
			    	   </winter:column>				
			    	   <winter:column type="col-md-4">
			    	   		<winter:textarea
								id="NuevoMotivo" 
								label="#{label.control.escritura.motivo}"
								field="*{controlEscritura.motivoAnulacion}" 
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="capitalize"
								type="char"
								maxlength="250">
							</winter:textarea>
			    	   </winter:column>
			    	 </winter:row>
			    	 <winter:row class="button-panel-right" padded="true">
			    	 	<winter:ajaxSubmit 
							id="AnularEscritura" 
							form="ControlesForm"
							object="controles" 
							url="@{'/controles/anularEscritura'}"
							update="EscrituraOutput"
							value="#{label.operaciones.anular}"
							showstatus="true"
							class="btn btn-danger"
							immediate="true"
							if="${controles.controlEscritura.id}">
						</winter:ajaxSubmit>
			    	 </winter:row>
				</div>
				<winter:datatable th:if="${!#lists.empty(controles.ordenCronologico)}"
						id="ListOrdenCronologico"
						customLanguage="true"
						paginate="true"
						jQuery="true"
						retrieve="true"
						emptyTableText="No se encontraron Datos!"
						infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
						emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
						searchText="Buscar"
						lengthMenu="Mostrar _MENU_ registros"
						wrapperclass="simpleTable_wrapper">
						<thead>
							<tr>
								<th th:text="#{label.control.formulario.fechaReg}"></th>
								<th th:text="#{label.control.escritura.nro}"></th>
								<th th:text="#{label.control.escritura.protocolo}"></th>
								<th th:text="#{label.control.escritura.folio}"></th>
								<th th:text="#{label.control.escritura.motivo}"></th>
								<th th:text="#{label.control.escritura.contratanteUno}"></th>
								<th th:text="#{label.control.escritura.contratanteDos}"></th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="ordenRow, rowStatOrden : ${controles.ordenCronologico}">
								<td th:text="${ordenRow.fechaEscritura}?${#dates.format(ordenRow.fechaEscritura, 'dd/MM/yyyy')}:${ordenRow.fechaEscritura}" class="align-center"></td>
								<td th:text="${ordenRow.nroEscritura}"></td>
								<td th:text="${ordenRow.protocolo} ? ${ordenRow.protocolo.descripcion} : ${ordenRow.idProtocolo}"></td>
								<td th:text="@{${#objects.nullSafe(ordenRow.folioDesde,'')}+' - '+${#objects.nullSafe(ordenRow.folioHasta,'')}}"></td>
								<td th:text="${ordenRow.motivoAnulacion}"></td>
								<td th:text="${ordenRow.contratanteUno}"></td>
								<td th:text="${ordenRow.contratanteDos}"></td>
							</tr>
						</tbody>
				</winter:datatable>
			</winter:output>

			<winter:row class="button-panel-right" padded="true">
				<winter:ajaxSubmit 
					id="CrearControlEscritura" 
					form="ControlesForm" 
					url="@{'/controles/guardarControlEscritura'}" 
					update="ControlesOutput"
					object="controles"
					value="#{label.operaciones.guardar}"
					showstatus="true"
					class="btn btn-cyan"
					confirmationrequired="true"
					confirmationtext="Está seguro que desea realizar la operación?"
					immediate="true">
				</winter:ajaxSubmit>
				<winter:ajaxSubmit 
					id="CrearControlEscrituraCancelar" 
					form="ControlesForm" 
					url="@{'/controles/cancelar/ESCRITURAS'}"
					update="ControlesOutput"
					value="#{label.operaciones.cancelar}"
					showstatus="true"
					class="btn btn-danger"
					immediate="true">
				</winter:ajaxSubmit>
			</winter:row>
		</winter:output>
	</div>
</html>